<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<script src="${ctx}/js/controllers/store/bindphone/bindPhone.js" type="text/javascript"></script>
<link rel="stylesheet" href="${ctx }/css/dlifestyle/store.css"/>
<style type="text/css">
	.location{
		height:43px;
		width:100%;
		margin-left:-1px;
		margin-top:-1px;
		border:1px solid #e6e6e6;
		background-color:#f5f5f5
	}
	.location img{
		margin-left:24px;
		margin-top:10px;
		margin-bottom:12px;
	}
	.form div img{
		float:left;
		top:10px;
		margin-left:22px;
		padding-top:10px;
 		position:relative;
		left:30px;
		top:-2px; 
	}
	.form div input{
		height:35px;
		width:20%;
		border-radius:4px;
		border:1px solid #dadada;
		padding-left:40px;
		font:14px 微软雅黑;
	}
	.emStyle{
		color:#98bfe4;
	}
	
	.buttonEdit{
	    width:124px;
	    height:36px;
	    font-size:14px;
	    border-radius: 4px;
	    background-color: #98bfe4;
	    color:#fff;
	    border: none;
	    margin-top:28px;
	 }
	.buttonCancle{
	    width:124px;
	    height:36px;
	    font-size:14px;
	    border-radius: 4px;
	    background-color: #fff;
	    color:#504949;
	    border: 1px solid #D1CFCF;
	    margin-top:28px;
     }
</style>
    <div style="top:130px;position:fixed;height:30px;font-size: 14px;font-family: '微软雅黑';margin-left:-236px;">
				当前位置:${sessionScope.currcent_position}
    </div>
	<section>
		<section>
			<div class="panel" style="height:590px;border-right: 1px solid #e6e6e6;">
                <div class="location"><img src="${ctx }/images/store/bindphone.png"/>
                <span style="margin-left:10px;margin-top:14px;font-size:14px;color:#414043;font:14px 微软雅黑">绑定手机</span>
                </div>
				<div id="form" class="form" style="padding-top:50px;height:445px;/* width:95%; */border:1px solid #e6e6e6;margin-top:27px;"> 
						<span style="display:block;float:left;margin-top: 35px;margin-left: 30px;" >
						<img src="${ctx }/images/store/user_check_grey.png" style="margin-left: 30px;"/>
						<span style="margin-left: 15px;color:#828282;font:14px 微软雅黑" >身份验证</span>
						<img src="${ctx }/images/store/jiantou_grey.png" style="margin-left: 30px;" />
						</span>
						<span style="display:block;float:left;margin-top: 35px;margin-left: 30px;" >
						<img src="${ctx }/images/store/phone_bind_grey.png" />
						<span style="margin-left: 15px;color:#828282;font:14px 微软雅黑" >绑定新手机</span>
						<img src="${ctx }/images/store/jiantou_grey.png" style="margin-left: 30px;" />
						</span>
						<span style="display:block;float:left;margin-top: 35px;margin-left: 30px;" >
						<img src="${ctx }/images/store/complete_blue.png" />
						<span style="margin-left: 15px;color:#828282;font:14px 微软雅黑" >绑定完成</span>
						</span>
						<div style="width:400px;margin-top: 160px;padding-left:80px;padding-top: 30px;">
						<img src="${ctx }/images/store/success.png" style="margin-left: 150px;padding-top: 0;"/>
						<span style="font: 18px 微软雅黑; color:#6b6b6b;margin-left: 50px;">恭喜绑定手机成功！</span>
						</div>
						<div>
						<button style="font: 18px 微软雅黑;margin-left: 40px; border:0;border-radius:28px;background: #98bfe4;width:170px;height:38px;color:white;margin-top: 50px;"
						onclick="Back()">完成</button>
						</div>
						<img src="${ctx }/images/store/bind_success.png" style="float:right;margin-top: -170px;"/>

				</div>
			</div>
		</section>
	</section>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
		$("#sendcode").click(function(){
			$("#warning").html("20s后可重新发送");
		})
	</script>
	<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
	<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
